<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        a {
            text-decoration: none;
        }
        
        li {
            padding-left: 70px;
            list-style: none;
        }
        
        h1 {
            padding-left: 35px;
        }
        
        ul {
            padding-left: 55px;
        }
        
        .cl {
            display: flex;
            justify-content: start;
        }
        
        .demo ul {
            margin: 0;
            padding: 0;
        }
    </style>
</head>

<body>
    <div class="cl">
        <div class="html">
            <h1>复习html</h1>
            <ul>
                <a href="./html/表头/1.html">标签p</a>
            </ul>
            <ul>
                <a href="./html/表头/2.html">字体斜杠</a>
            </ul>
            <ul>
                <a href="./html/表头/3.html">强调段落内某些字</a>
            </ul>
            <ul>
                <a href="./html/头部标签/1.html">头部标签</a>
            </ul>
            <ul>
                <a href="./html/表头/6.html">无序列表</a>
            </ul>
            <ul>
                <a href="./html/表头/7.html">使用li包裹列表的项目</a>
            </ul>
            <ul>
                <a href="./html/表头/8.html">使用ol包裹所有项目</a>
            </ul>
            <ul>
                <a href="./html/表头/9.html">使用h p ol ul 标签写的菜谱</a>
            </ul>
            <ul>
                <a href="./html/表头/10.html">字体加粗 增加斜杠 增加下划线</a>
            </ul>
            <ul>
                <a href="./html/超链接/1.html">图片引入</a>
            </ul>
            <ul>
                <a href="./html/超链接/2.html">链接的单双引号</a>
            </ul>
            <ul>
                <a href="./html/超链接/3.html">链接</a>
            </ul>
            <ul>
                <a href="./html/超链接/4.html">使用title属性添加支持信息</a>
            </ul>
            <ul>
                <a href="./html/超链接/5.html">图片链接</a>
            </ul>
            <ul>
                <a href="./html/超链接/6.html">指向当前目录下的文件</a>
            </ul>
            <ul>
                <a href="./html/超链接/7.html">指向上级目录</a>
            </ul>
            <ul>
                <a href="./html/超链接/8.html">电子邮件链接</a>
            </ul>
            <ul>
                <a href="./html/超链接/9.html">链接部分小结</a>
            </ul>
            <ul>
                <a href="./html/文字排版/1.html">闭合元素</a>
            </ul>
            <ul>
                <a href="./html/文字排版/2.html">块引用</a>
            </ul>
            <ul>
                <a href="./html/文字排版/3.html">行内引用</a>
            </ul>
            <ul>
                <a href="./html/文字排版/4.html">引文</a>
            </ul>
            <ul>
                <a href="./html/文字排版/5.html">略缩语</a>
            </ul>
            <ul>
                <a href="./html/文字排版/6.html">标记联系方式</a>
            </ul>
            <ul>
                <a href="./html/文字排版/7.html">上标和下标</a>
            </ul>
            <ul>
                <a href="./html/文字排版/8.html">计算机代码</a>
            </ul>
            <ul>
                <a href="./html/文字排版/9.html">标记日期和时间</a>
            </ul>
            <ul>
                <a href="./html/文字排版/10.html">支持日期和时间的其他格式</a>
            </ul>
            <ul>
                <a href="./html/文档的基本组成部分/1.html">研究示例代码</a>
            </ul>
            <ul>
                <a href="./html/文档的基本组成部分/2.html">无语义元素</a>
            </ul>
            <ul>
                <a href="./html/文档的基本组成部分/3.html">换行与水平分割线</a>
            </ul>
            <ul>
                <a href="./html/文档的基本组成部分/4.html">使用hr元素在文档中间设定水平分割线</a>
            </ul>
            <div class="clear"></div>
        </div>
        <div class="css">
            <h1>复习CSS</h1>
            <ul>
                <a href="./css/css语法/1.html">css语法</a>
            </ul>
            <ul>
                <a href="./css/css语法/2.html">一个css的样式表能包含多种规则</a>
            </ul>
            <ul>
                <a href="./css/开始学习css/1.html">添加不同的css样式进入html文档</a>
            </ul>
            <ul>
                <a href="./css/如何构建css/1.html">外部样式表</a>
            </ul>
            <ul>
                <a href="./css/如何构建css/2.html">内部样式表</a>
            </ul>
            <ul>
                <a href="./css/如何构建css/3.html">内联样式</a>
            </ul>
            <ul>
                <a href="./css/如何构建css/4.html">文本使用 css</a>
            </ul>
            <ul>
                <a href="./css/如何构建css/5.html">函数</a>
            </ul>
            <ul>
                <a href="./css/运行css/1.html">添加css到文件中渲染</a>
            </ul>
            <div class="clear"></div>
        </div>
        <div class="demo">
            <h1>练习实例</h1>
            <li>
                <ul>
                    <a href="./demo/demo1.html">实例1</a>
                </ul>
                <ul>
                    <a href="./demo/demo2.html">实例2</a>
                </ul>
                <ul>
                    <a href="./demo/demo3.html">实例3</a>
                </ul>
                <ul>
                    <a href="./demo/demo4.html">实例4</a>
                </ul>
                <ul>
                    <a href="./demo/demo5.html">实例5</a>
                </ul>
                <ul>
                    <a href="./demo/demo6.html">实例6</a>
                </ul>
                <ul>
                    <a href="./demo/demo7.html">实例7</a>
                </ul>
                <ul>
                    <a href="./demo/demo8.html">实例8</a>
                </ul>
                <ul>
                    <a href="./demo/demo9.html">实例9</a>
                </ul>
                <ul>
                    <a href="./demo/demo10.html">实例10</a>
                </ul>
                <ul>
                    <a href="./demo/demo11.html">实例11</a>
                </ul>
                <ul>
                    <a href="./demo/demo12.html">实例12</a>
                </ul>
                <ul>
                    <a href="./demo/demo13.html">实例13</a>
                </ul>
            </li>
        </div>
    </div>
</body>

</html>